@import "normalize";
@import "base";
@import "variable";

// 字体大小设置
.font_dpr(@font-size: 16px) {
  font-size: @font-size;

  [data-dpr= "2"] & {
    font-size: @font-size * 2;
  }
  [data-dpr= "3"] & {
    font-size: @font-size * 3;
  }
}

.header {
  .back img {
    margin-top: 30rem/@base;
  }
  .title {
    overflow: hidden;
    height: 96rem/@base;
    line-height: 96rem/@base;
    color: #fff;
    .font_dpr(16px);
    text-align: center;
  }
}
.main {
  .discount {
    .product-item {
      height: 258rem/@base;
      border-bottom: 1rem/@base solid #ccc;
      padding-top: 30rem/@base;
      a {
        display: block;
        text-decoration: none;
      }
      .img-box img {
        width: 200rem/@base;
        height: 200rem/@base;
      }
      .info {
        overflow: hidden;
        padding-left: 40rem/@base;
      }
      .info-t {
        height: 130rem/@base;
        line-height: 40rem/@base;
        .font_dpr(16px);
        padding-right: 50rem/@base;

        > span {
          color: #ff6c00;
        }
      }
      .info-b {
        margin-bottom: 55rem/@base;
        color: #c1c2ba;
        padding-right: 30rem/@base;

        span {
          padding-left: 20rem/@base;
          .icon-comment {
            display: inline-block;
            width: 23rem/@base;
            height: 22rem/@base;
            background: url(../images/comment.svg) left center ;
            vertical-align: middle;
          }
        }
      }
    }
    .paginator {
      height: 94rem/@base;
      text-align: center;
      padding-top: 20rem/@base;
      button {
        width: 163rem/@base;
        height: 65rem/@base;
        border-radius: 5rem/@base;
        border: 2rem/@base solid #cecece;
        background-color: #eaeaea;
      }
      select {
        width: 150rem/@base;
        height: 70rem/@base;
        border: 2rem/@base solid #eaeaea;
        margin: 0 94rem/@base;
        .font_dpr(16px);
        vertical-align: middle;
      }
    }

  }

}